<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">

<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
	<link rel="stylesheet" href="base.css" type="text/css" media="screen">
	<link rel="stylesheet" id="current-theme" href="style.css" type="text/css" media="screen"/>
	<script src="jquery-1.5.1.min.js" type="text/javascript"></script>
	<script>
		$(document).ready(function () {
		  $('#select-fornecedores').change(function() {
			var nomeFornecedor = $(this).attr("value"); 
			if ($(this).children(":selected").index() != 0) {
				$('#lista-fornecedores').append("<p style='display:block;'><span class='nome-fornecedor'>" + nomeFornecedor + "</span> - <b>Preço</b> <input type='text' class='text_field' style='width:50px;'> - <a href='#' class='remover-fornecedor'>[x]</a></p>");
				$(this).children(":selected").remove();
				$(".remover-fornecedor").click(function() {
					var fornecedor = $(this).siblings(".nome-fornecedor").html();
					$('#select-fornecedores').append("<option>" + fornecedor + "</option>");
					$(this).parent("p").remove();
					return false;
				});
			}
		  });
		});
		
	 </script>
</head>

<body>
	<div id="container">
		<div id="header">
		  <h1><a href="http://pilu.github.com/web-app-theme/index.html">OrtoC11nica - Arrumamos pernas quebradas e cabeças cortadas</a></h1>
		  <div id="user-navigation">
			<ul class="wat-cf">
			  <li><a href="javascript:void(0)">Perfil do Usuário</a></li>
			  <li><a href="javascript:void(0)">Configuração</a></li>
			  <li><a class="logout" href="javascript:void(0)">Logout</a></li>
			</ul>
		  </div>
		  <div id="main-navigation">
			<ul class="wat-cf">
			  <li class="first"><a href="javascript:void(0)">Consultas</a></li>
			  <li><a href="javascript:void(0)">RH</a></li>
			  <li><a href="javascript:void(0)">Financeiro</a></li>
			  <li><a href="pag3.html">Relatórios</a></li>
			  <li class="active"><a href="javascript:void(0)">Estoque</a></li>
			  <li><a href="javascript:void(0)">Manutenção</a></li>
			  <li><a href="javascript:void(0)">Logística</a></li>
			</ul>
		  </div>
		</div>
		<div id="wrapper" class="wat-cf">
		  <div id="main">
			<div class="block" id="block-forms">
			  <h3>Adicionar Produto</h3>
			  <div class="content">
				<div class="inner">
				  <form action="pag1.html" method="get" class="form">
					<div class="group">
					  <label class="label">Código</label>
					  <input type="text" class="text_field">
					</div>
					<div class="group">
					  <div class="fieldWithErrors">
						<label class="label" for="post_title">Nome</label>
						<span class="error">*campo obrigatório</span>
					  </div>
					  <input type="text" class="text_field">
					</div>
					<div class="group">
					  <label class="label" for="post_title">Quantidade</label>
					  <input type="text" class="text_field">
					</div>
					<div class="group">
					  <label class="label" for="post_title">Quantidade Mínima</label>
					  <input type="text" class="text_field">
					</div>
					<div class="group">
					  <label class="label">Descrição</label>
					  <textarea class="text_area" rows="10" cols="80"></textarea>
					</div>
					<div class="group">
					  <label class="label">Selecionar Fornecedores - <a href="estoque_fornecedores_listar.html" target="_new">[Gerenciar Fornecedores]</a></label>
					  <select id="select-fornecedores" style="float:right; width: 200px;">
						  <option>Selecione um fornecedor</option>
						  <option value="Volvo">Volvo</option>
						  <option value="saab">Saab</option>
						  <option value="Mercedes">Mercedes</option>
						  <option value="Audi">Audi</option>
					  </select>
					  <div id="lista-fornecedores" style="float:left; font-size: 14px;">
						
					  </div>
					  <div style="clear:both;"></div>
					</div>
					<div class="group navform wat-cf">
				
					 <a href="estoque_produtos_listar.html" class="button">
						<img src="images/tick.png" alt="Save"> Salvar
					  </a>
					  <a href="estoque_produtos_listar.html" class="button cancel">
						Voltar
					  </a>
					</div>
				  </form>
				</div>
			  </div>
			</div>
		  </div> <!main>
		  <div id="sidebar">
			<div class="block">
			  <h3>Ações</h3>
			  <ul class="navigation">
				<li><a href="estoque_produtos_listar.html"  class="active">Gerenciar Produtos</a></li>
				<li><a href="estoque_equipamentos_listar.html">Gerenciar Equipamentos</a></li>
				<li><a href="estoque_fornecedores_listar.html">Gerenciar Fornecedores</a></li>
			  </ul>
			</div>
		  </div>
		  <div id="sidebar">
			<div class="block">
			  <h3>Opções</h3>
			  <ul class="navigation">
				<li><a href="estoque_produtos_listar.html">Listar produtos</a></li>
				<li><a href="estoque_produtos_adicionar.html" class="active">Adicionar produto</a></li>
			  </ul>
			</div>
		  </div>
		</div> <!wrapper>
		<div id="footer">
		  <div class="block">
			<p>Copyright © 2011 OrtoC11nica.</p>
		  </div>
		</div>
	</div> <!container>
</body>

</html>